<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- get接口 渲染数据 -->
    <div class="ss">
        <input type="text" size="50">
        <button>搜索</button>
    </div>
    <div class="content">
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
        <div class="shangpin">
            <img src="" alt="">
            <div class="text">xxxxxx</div>
            <div class="munch">￥xx <span>￥x</span></div>
            <div class="shangdian">xx旗舰店</div>
            <div class="xiaoshou">月销xx</div>
        </div>
    </div>

    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script>
        $.ajax({
            method:'get',
            url:'./data.json',
            success:function(data){
                console.log(data);
            }
        })
    </script>
</body>
</html>